<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.wk{
				width: 438px;
				height: 38px;
				border: 1px solid #DDDDDD;
				margin: 40px auto;
			}
			.div1,.div2,.div3,.div4,.div4,.div5,.div6{
				width: 30px;
				height: 25px;
				float: left;
				margin-left: 10px;
				margin-top: 6.5px;
			}
			.div1{
				background:#3F48CC ;
			}
			.div2{
				background:#00A2E8;
				float: left;
			}
			.div3{
				background:#FF7F27;
			}
			.div4{
				background:#92D050;
			}
			.div5{
				background:#DA3A9B;
			}
			.div6{
				background:#DE0388;
			}
			.xz{
				margin-left: 10px;
				display: inline-block;
				float: left;
				width: 174px;
				text-align: center;
				line-height: 38px;				
			}
		</style>
		<script type="text/javascript">
		window.onload function(){
			var ocolor1 = document.getElementById("d1");
			var ocolor2 = document.getElementById("d2");
			var ocolor3 = document.getElementById("d3");
			var ocolor4 = document.getElementById("d4");
			var ocolor5 = document.getElementById("d5");
			var ocolor6 = document.getElementById("d6");
			var obody = document.getElementById("body");
			ocolor1.onclick = function(){
				obody.style.backgroundColor = '#3F48CC';
			}
		}
	</script>
	</head>
	<body class="body">
		<div class="wk">
			<div class="xz">
				请选择网页的背景色：
			</div>
			<div class="div1" id = d1></div>
			<div class="div2" id = d2></div>
			<div class="div3" id = d3></div>
			<div class="div4" id = d4></div>
			<div class="div5" id = d5></div>
			<div class="div6" id = d6></div>			
		</div>
	</body>
	
</html>
